<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人介绍</title>
    <style>
        body{
            background: url(https://tse1-mm.cn.bing.net/th/id/OIP-C.YKoZzgmubNBxQ8j-mmoTKAHaEK?rs=1&pid=ImgDetMain);
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }
        .qqqqq{
            width:350px ;
            height: 400px;
            background-color: azure;
            text-align: center;
            border-radius: 10%;
        }
        .bi{
            color:azure;
            background-color:blue;
            font-size: 20px;
            padding: 15px;
            border-radius: 10%;
            font-weight: bold;
            font-family:黑体 ;
            
        }
        .we{
            width: 100px;
            height: 100px;
            border-radius: 50%;
            border: 4px solid #7380b6;

        }
        .qqqqq:hover{
            transform: scale(1.05) ;
           
        }
        .qw{
            height: 50px;
            background-color: beige;
        }
       
    </style>
</head>
<body>
<div class="qqqqq">
    <div class="bi">
        <p>个人介绍</p>

    </div>
    <div>
        <img class="we" src="https://pic.qqtn.com/up/2017-11/2017112016533546103.jpg"/>
        <p>年龄：19</p>
        <p>性别：男</p>
        <p>性格：开朗</p>
    </div>
    <div class="qw">
        <p>希望能与你交朋友</p>

    </div>
</div>    
</body>
</html>